@import './modules/header';
@import './modules/top';
@import './modules/footer';
main{
    // border:1px solid black;
    // height: 2000px;
    .list-box{
        width: 100%;
        overflow: hidden;
    }
    .list-left{
        // border: 1px solid red;
        width: 25%;
        float: left;
        .line{
            width: 80%;
            margin-top: 40px;;
        }
        span{
            font-size: 35px;
        }
        h3{
            margin-top: 27px;
        }
        h4{
            margin-top:50px
        }
    }
    .list-right{
        // border: 1px solid burlywood ;
        float: right;
        width: 75%;
        .right-top{
            margin-top: 20px;
            span{
                font-size: 20px; 
        }          
        }
        .top-right{
            float: right;
        }
        .wares-list{
            width: 100%; 
            display: flex;
            justify-content: space-between;
            margin-top: 40px;
            .wares{
                width: 23%;
                p{
                    font-weight: bold;
                    font-size: 15px;
                }
                img{
                    width: 100%;
                }
            }        
        }
        .introduce{
            margin-top: 30px;
            width: 100%;
            display: flex;
            .introduce-text{
                flex: 1;
                font-size: 10px;
            }
            .introduce-img{
                flex: 3;
                // height: 600px;
                width: 100%;
                img{
                    width: 100%;
                }
            }
        }
    }
}
